<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <!-- 引入重置样式表 -->
  <link rel="stylesheet" href="../css/reset.css" />
  <!-- 引入公共样式表 -->
  <link rel="stylesheet" href="../css/common.css" />
  <!-- 引入当前页面样式表 -->
  <link rel="stylesheet" href="../css/index.css" />
  <!-- 引入轮播样式表 -->
  <link rel="stylesheet" href="../css/slider.css" />
  <!--引入JQ-->
  <script src="../lib/jquery.js"></script>
  <!--引入轮播JS-->
  <script src="../lib/jquery.slidebox.js"></script>
  <!--引入当前页面JS-->
  <script src="../js/index.js"></script>

  <body>
    <!-- 页头 -->
    <div class="header">
      <div class="container-fluid1 bc10">
        <div class="header-top dispflx container f1-justify">
          <img src="../imgs/logo.jpg" class="absolute" />
          <p class="cfff">legochina.cn</p>
          <p class="cfff">
            欢迎光临<a href="#">乐购</a>，请 <a href="./enter.html">登陆</a>\<a href="./reg.html"
              >注册</a
            >
          </p>
        </div>
      </div>
      <!-- 购物车加搜索框 -->
      <div class="shopcar container dispflx jcontent mt5">
        <form action="" class="search dispflx">
          <input type="text" placeholder="创意文具" class="ti5" />
          <input type="submit" class="bcf60" />
        </form>
        <div class="shopcar1 dispflx">
          <a href="./shopCar.html" class="cfff"
            >购物车
            <span>3</span>
          </a>
          <a href="#" class="c80 font16">我的订单</a>
        </div>
      </div>

      <div class="container head-nav font16">
        <ul class="dispflx fnobld jcontent">
          <li><a href="#">首页</a></li>
          <li><a href="./list.html">图书</a></li>
          <li><a href="#">原创文学</a></li>
          <li><a href="#">服装</a></li>
          <li><a href="#">户外运动</a></li>
          <li><a href="#">孕婴童</a></li>
          <li><a href="#">家居</a></li>
          <li><a href="#">创意文具</a></li>
          <li><a href="#">地方特产</a></li>
          <li><a href="#">海外购</a></li>
          <li><a href="#">电器城</a></li>
        </ul>
      </div>
    </div>

    <!-- 菜单-广告图 -->
    <div class="smenu container dispflx">
      <div class="smenu-left bcf3 relative">
        <ul>
          <script>
            for (let i = 0; i < 11; i++) {
              document.write(`
                     <li class="">
                  <p class="ti30 smenup"><a href="#">图书</a>、<a href="#">电子书</a>、<a href="#">童书</a>${i}</p>
                  <div class="b absolute">
                    <p>${i}<a href="#">图书馆>></a> <a href="#">儿童书馆>></a> <a href="#">电子书馆>></a></p>
                    <dl >
                      <dt>文艺</dt>
                      <dd><a href="#">小说</a>   <a href="#">文学</a>   <a href="#">传记</a>   <a href="#">青春</a>   <a href="#">动漫</a>   <a href="#">艺术</a>   <a href="#">摄影</a>   <a href="#">明星</a></dd>
  
                      <dt>文艺</dt>
                      <dd><a href="#">小说</a>   <a href="#">文学</a>   <a href="#">传记</a>   <a href="#">青春</a>   <a href="#">动漫</a>   <a href="#">艺术</a>   <a href="#">摄影</a>   <a href="#">明星</a></dd>
  
                      <dt>文艺</dt>
                      <dd><a href="#">小说</a>   <a href="#">文学</a>   <a href="#">传记</a>   <a href="#">青春</a>   <a href="#">动漫</a>   <a href="#">艺术</a>   <a href="#">摄影</a>   <a href="#">明星</a></dd>
  
                      <dt>文艺</dt>
                      <dd><a href="#">小说</a>   <a href="#">文学</a>   <a href="#">传记</a>   <a href="#">青春</a>   <a href="#">动漫</a>   <a href="#">艺术</a>   <a href="#">摄影</a>   <a href="#">明星</a></dd>
                    </dl>
                  </div>
              </li>
                     `);
            }
          </script>
        </ul>
      </div>
      <div class="smenu-right">
        <div class="pptbox fl" id="slider">
          <ul class="innerwrapper">
            <li>
              <a href="#">
                <img src="../imgs/banner1.jpg" />
              </a>
            </li>
            <li>
              <a href="#">
                <img src="../imgs/banner2.jpg" />
              </a>
            </li>
            <li>
              <a href="#">
                <img src="../imgs/banner3.jpg" />
              </a>
            </li>
            <li>
              <a href="#">
                <img src="../imgs/banner4.jpg" />
              </a>
            </li>
            <li>
              <a href="#">
                <img src="../imgs/banner5.jpg" />
              </a>
            </li>
          </ul>
          <ul class="controls">
            <li class="current">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
          </ul>
          <span class="btnleft"></span>
          <span class="btnright"></span>
        </div>
      </div>
    </div>

    <!-- 今日推荐 -->
    <div class="recommend container mt20">
      <div class="title ti15">
        <span class="font24 cf60">乐购·今日推荐</span>
      </div>
      <ul class="dispflx flwrap mauto">
        <script>
          for (let i = 0; i < 6; i++) {
           document.write(`
           <li>
          <p class="talc"><img src="../imgs/product01.jpg" /></p>
          <img src="../imgs/limitTime.jpg" />
          <h3 class=" ti8 "><a href="#" class="c3 ">黑爵青蜂侠六键电竞游戏鼠标</a></h3>
          <p class="cf60 ti8">全国联保 一年免费包换</p>
          <p class="font24 cf60 ti8">&yen;:299</p>
          
           </li>
          
        
        
           `)
           
            
          }
        </script>
        <script>
          for (let i = 0; i < 6; i++) {
           document.write(`
           <li>
          <p class="talc"><img src="../imgs/index06_11.jpg" /></p>
          <img src="../imgs/limitTime.jpg" />
          <h3 class=" ti8 "><a href="#" class="c3 ">小熊家用静音加湿器</a></h3>
          <p class="cf60 ti8">唯美外观 微米级喷雾</p>
          <p class="font24 cf60 ti8">&yen;:89</p>
            
        </li>
           `)
            
          }
        </script>
      </ul>
    </div>

    <!-- 图书电子书 -->
    <div class="book container dispflx f1-justify floor-box">
      <div class="boox-left ">
        <div class="title  dispflx f1-justify">
          <h2 class="font24 fnormal">图书 电子书</h2>
          <ul class="book-ul dispflx font18">
            <li class="actvu">最新上架</li>
            <li>独家畅销</li>
            <li>电子书</li>
          </ul>
        </div>
        <div class="boox-leftb dispflx">
          <div class="boox-l">
            <img src="../imgs/index7_07.jpg">
            <p class="font14">
              <a href="#">中小学教辅</a>
              <a href="#">外语</a>
              <a href="#">考试</a>
              <a href="#">小说</a>
              <a href="#">文学</a>
              <a href="#">青春文学</a>
              <a href="#">成功\励志</a>
              <a href="#">管理</a>
              <a href="#">历史</a>
              <a href="#">哲学\宗教</a>
              <a href="#">亲子\家教</a>
              <a href="#">全部分类></a>
            </p>
          </div>
         
           <div class="boox-rr onne boox-rrl">
            <div class="boox-r dispflx flwrap ">
              <div class="boox-rulb">
                <div class="pptbox fl boox-slider">
                  <ul class="innerwrapper">
                    <li>
                      <a href="#">
                        <img src="../imgs/ppt2_05.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/banner2.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/banner3.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/banner4.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/banner5.jpg" />
                      </a>
                    </li>
                  </ul>
                  <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                  </ul>
                  <span class="btnleft"></span>
                  <span class="btnright"></span>
                </div>
              </div>
              <script>
                for (let i = 0; i < 6; i++) {
                 document.write(`
                 <div class="boox-rul ti5">
                <h3 class="">奥运狂欢</h3>
                <p class="cf9">十万种电子书 直降40%</p>
                <a href="#"><img src="../imgs/index09_05.jpg"></a>
                <p class="font14 cf9">
                  &yen;49
                  <del class="c80">&yen;79</del>
              </p>
              </div>
                 `)
                  
                }
              </script>
              
            </div>
           </div>
           <div class="boox-rr boox-rrl">
            <div class="boox-r dispflx flwrap ">
              <div class="boox-rulb">
                <div class="pptbox fl boox-slider">
                  <ul class="innerwrapper">
                    <li>
                      <a href="#">
                        <img src="../imgs/ppt2_05.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/banner2.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/banner3.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/banner4.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/banner5.jpg" />
                      </a>
                    </li>
                  </ul>
                  <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                  </ul>
                  <span class="btnleft"></span>
                  <span class="btnright"></span>
                </div>
              </div>
              <script>
                for (let i = 0; i < 6; i++) {
                 document.write(`
                 <div class="boox-rul ti5">
                <h3 class="">奥运狂欢</h3>
                <p class="cf9">十万种电子书 直降40%</p>
                <a href="#"><img src="../imgs/ppt2_05.jpg"></a>
                <p class="font14 cf9">
                  &yen;49
                  <del class="c80">&yen;79</del>
              </p>
              </div>
                 `)
                  
                }
              </script>
              
            </div>
           </div>
           <div class="boox-rr boox-rrl">
            <div class="boox-r dispflx flwrap ">
              <div class="boox-rulb">
                <div class="pptbox fl boox-slider">
                  <ul class="innerwrapper">
                    <li>
                      <a href="#">
                        <img src="../imgs/ppt2_05.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/banner2.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/banner3.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/banner4.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/banner5.jpg" />
                      </a>
                    </li>
                  </ul>
                  <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                  </ul>
                  <span class="btnleft"></span>
                  <span class="btnright"></span>
                </div>
              </div>
              <script>
                for (let i = 0; i < 6; i++) {
                 document.write(`
                 <div class="boox-rul ti5">
                <h3 class="">奥运狂欢</h3>
                <p class="cf9">十万种电子书 直降40%</p>
                <a href="#"><img src="../imgs/pro-demo.jpg"></a>
                <p class="font14 cf9">
                  &yen;49
                  <del class="c80">&yen;79</del>
              </p>
              </div>
                 `)
                  
                }
              </script>
              
            </div>
           </div>
            
         
          
        </div>
      </div>
      <div class="boox-right ">
        <h3 class="c80 font20 tcenter">新书畅销榜</h3>
        <ul>
          <li class="relative">
            <span class="cf60 absolute">1</span>
            <p class="font16 linep boox-rr">就喜欢你看不惯我  又干不</p>
            <div class=" shijie">
              <div class="dispflx">
                <img src="../imgs/index08_05.jpg" alt="">
                <p class="c80">
                    从你的世界路过
                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                </p>
            </div>
            </div>
          </li>
          <li class="relative">
            <span class="cf60 absolute">2</span>
            <p class="font16 linep ">就喜欢你看不惯我  又干不</p>
            <div class=" boox-rr  shijie">
              <div class="dispflx">
                <img src="../imgs/index08_05.jpg" alt="">
                <p class="c80">
                    从你的世界路过
                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                </p>
            </div>
            </div>
          </li>
          <li class="relative">
            <span class="cf60 absolute">3</span>
            <p class="font16 linep ">就喜欢你看不惯我  又干不</p>
            <div class=" boox-rr  shijie">
              <div class="dispflx">
                <img src="../imgs/index08_05.jpg" alt="">
                <p class="c80">
                    从你的世界路过
                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                </p>
            </div>
            </div>
          </li>
          <li class="relative">
            <span class="cf60 absolute">4</span>
            <p class="font16 linep ">就喜欢你看不惯我  又干不</p>
            <div class=" boox-rr  shijie">
              <div class="dispflx">
                <img src="../imgs/index08_05.jpg" alt="">
                <p class="c80">
                    从你的世界路过
                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                </p>
            </div>
            </div>
          </li>
          <li class="relative">
            <span class="cf60 absolute">5</span>
            <p class="font16 linep ">就喜欢你看不惯我  又干不</p>
            <div class=" boox-rr  shijie">
              <div class="dispflx">
                <img src="../imgs/index08_05.jpg" alt="">
                <p class="c80">
                    从你的世界路过
                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                </p>
            </div>
            </div>
          </li>
          <li class="relative">
            <span class="cf60 absolute">6</span>
            <p class="font16 linep ">就喜欢你看不惯我  又干不</p>
            <div class=" boox-rr  shijie">
              <div class="dispflx">
                <img src="../imgs/index08_05.jpg" alt="">
                <p class="c80">
                    从你的世界路过
                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                </p>
            </div>
            </div>
          </li>
          <li class="relative">
            <span class="cf60 absolute">7</span>
            <p class="font16 linep ">就喜欢你看不惯我  又干不</p>
            <div class=" boox-rr  shijie">
              <div class="dispflx">
                <img src="../imgs/index08_05.jpg" alt="">
                <p class="c80">
                    从你的世界路过
                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                </p>
            </div>
            </div>
          </li>
          
        </ul>

      </div>
    </div>

    <!-- 服装 -->
    <div class="cloth container floor-box">
      <div class="title  dispflx f1-justify">
        <h2 class="font24 fnormal">服装</h2>
        <ul class="book-ul dispflx font18">
          <li class="actvu">女装内衣</li>
          <li>热销男装</li>
          <li>精品鞋靴</li>
        </ul>
      </div>
      <div class="dispflx">
         
            <div class="boox-l">
              <img src="../imgs/index7_17.jpg">
              <p class="font14">
                <a href="#">中小学教辅</a>
                <a href="#">外语</a>
                <a href="#">考试</a>
                <a href="#">小说</a>
                <a href="#">文学</a>
                <a href="#">青春文学</a>
                <a href="#">成功\励志</a>
                <a href="#">管理</a>
                <a href="#">历史</a>
                <a href="#">哲学\宗教</a>
                <a href="#">亲子\家教</a>
                <a href="#">全部分类></a>
              </p>
            
          </div>
          <div class="boox-rr onne boox-rr2">
          <div class="cloth-right clearfix">
              <div class="cloth-z">
                <div class="pptbox fl cloth-z1">
                  <ul class="innerwrapper">
                    <li>
                      <a href="#">
                        <img src="../imgs/index10_05.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/index10_05.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/index10_05.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/index10_05.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/index10_05.jpg" />
                      </a>
                    </li>
                  </ul>
                  <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                  </ul>
                  <span class="btnleft"></span>
                  <span class="btnright"></span>
                </div>
                <img src="../imgs/index11_08.jpg " class="dbc">
                
              </div>
              
              <div class=" cloth-zr">
                <img src="../imgs/index100_05.jpg">
                <img src="../imgs/index100_05.jpg">
                <img src="../imgs/index100_05.jpg">
                <div class="cloth-zr2">
                  <img src="../imgs/index100_11.jpg">
                  <img src="../imgs/index100_11.jpg">
                  <img src="../imgs/index100_11.jpg">
                </div>
              </div> 
              
              
          </div>
          </div>
          <div class="boox-rr  boox-rr2">
            <div class="cloth-right clearfix">
                <div class="cloth-z">
                  <div class="pptbox fl cloth-z1">
                    <ul class="innerwrapper">
                      <li>
                        <a href="#">
                          <img src="../imgs/index10_05.jpg" />
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <img src="../imgs/index10_05.jpg" />
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <img src="../imgs/index10_05.jpg" />
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <img src="../imgs/index10_05.jpg" />
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <img src="../imgs/index10_05.jpg" />
                        </a>
                      </li>
                    </ul>
                    <ul class="controls">
                      <li class="current">1</li>
                      <li>2</li>
                      <li>3</li>
                      <li>4</li>
                      <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                  </div>
                  <img src="../imgs/index11_08.jpg " class="dbc">
                  
                </div>
                
                <div class=" cloth-zr">
                  <img src="../imgs/index100_05.jpg">
                  <img src="../imgs/index100_05.jpg">
                  <img src="../imgs/index100_05.jpg">
                  <div class="cloth-zr2">
                    <img src="../imgs/000357083.jpg">
                    <img src="../imgs/000357083.jpg">
                    <img src="../imgs/000357083.jpg">
                  </div>
                </div> 
                
                
            </div>
            </div>
            <div class="boox-rr  boox-rr2">
              <div class="cloth-right clearfix">
                  <div class="cloth-z">
                    <div class="pptbox fl cloth-z1">
                      <ul class="innerwrapper">
                        <li>
                          <a href="#">
                            <img src="../imgs/index10_05.jpg" />
                          </a>
                        </li>
                        <li>
                          <a href="#">
                            <img src="../imgs/index10_05.jpg" />
                          </a>
                        </li>
                        <li>
                          <a href="#">
                            <img src="../imgs/index10_05.jpg" />
                          </a>
                        </li>
                        <li>
                          <a href="#">
                            <img src="../imgs/index10_05.jpg" />
                          </a>
                        </li>
                        <li>
                          <a href="#">
                            <img src="../imgs/index10_05.jpg" />
                          </a>
                        </li>
                      </ul>
                      <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                      </ul>
                      <span class="btnleft"></span>
                      <span class="btnright"></span>
                    </div>
                    <img src="../imgs/index11_08.jpg " class="dbc">
                    
                  </div>
                  
                  <div class=" cloth-zr">
                    <img src="../imgs/index100_05.jpg">
                    <img src="../imgs/index100_05.jpg">
                    <img src="../imgs/index100_05.jpg">
                    <div class="cloth-zr2">
                      <img src="../imgs/609pc-D.jpg">
                      <img src="../imgs/609pc-D.jpg">
                      <img src="../imgs/609pc-D.jpg">
                    </div>
                  </div> 
                  
                  
              </div>
              </div>

      </div>

      <div class="dispflx">
        <a href="#" title="">
            <img src="../imgs/index15_13.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/index15_14.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_11.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_12.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_13.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_14.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_15.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_16.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_17.jpg" />
        </a>
    </div>
    </div>

    <!-- 户外运动 -->
    <div class="sport container floor-box">
      <div class="title  dispflx f1-justify">
        <h2 class="font24 fnormal">户外运动</h2>
        <ul class="book-ul dispflx font18">
          <li class="actvu">国际名品</li>
          <li>户外装备</li>
          <li>运动潮流</li>
        </ul>
      </div>
      <div class="dispflx">
         
            <div class="boox-l">
              <img src="../imgs/160729pc-A.jpg">
              <p class="font14">
                <a href="#">中小学教辅</a>
                <a href="#">外语</a>
                <a href="#">考试</a>
                <a href="#">小说</a>
                <a href="#">文学</a>
                <a href="#">青春文学</a>
                <a href="#">成功\励志</a>
                <a href="#">管理</a>
                <a href="#">历史</a>
                <a href="#">哲学\宗教</a>
                <a href="#">亲子\家教</a>
                <a href="#">全部分类></a>
              </p>
            
          </div>
          <div class="boox-rr onne boox-rr3">
          <div class="cloth-right clearfix">
              <div class="cloth-z">
                <div class="pptbox fl cloth-z1">
                  <ul class="innerwrapper">
                    <li>
                      <a href="#">
                        <img src="../imgs/pc-B1.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/pc-B1.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/pc-B1.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/pc-B1.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/pc-B1.jpg" />
                      </a>
                    </li>
                  </ul>
                  <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                  </ul>
                  <span class="btnleft"></span>
                  <span class="btnright"></span>
                </div>
                <img src="../imgs/index11_08.jpg " class="dbc">
                
              </div>
              
              <div class=" cloth-zr">
                <img src="../imgs/7862pc-C.jpg">
                <img src="../imgs/7862pc-C.jpg">
                <img src="../imgs/7862pc-C.jpg">
                <div class="cloth-zr2">
                  <img src="../imgs/index100_11.jpg">
                  <img src="../imgs/index100_11.jpg">
                  <img src="../imgs/index100_11.jpg">
                </div>
              </div> 
              
              
          </div>
          </div>
          <div class="boox-rr  boox-rr3">
            <div class="cloth-right clearfix">
                <div class="cloth-z">
                  <div class="pptbox fl cloth-z1">
                    <ul class="innerwrapper">
                      <li>
                        <a href="#">
                          <img src="../imgs/pc-B1.jpg" />
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <img src="../imgs/pc-B1.jpg" />
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <img src="../imgs/pc-B1.jpg" />
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <img src="../imgs/pc-B1.jpg" />
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <img src="../imgs/pc-B1.jpg" />
                        </a>
                      </li>
                    </ul>
                    <ul class="controls">
                      <li class="current">1</li>
                      <li>2</li>
                      <li>3</li>
                      <li>4</li>
                      <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                  </div>
                  <img src="../imgs/index11_08.jpg " class="dbc">
                  
                </div>
                
                <div class=" cloth-zr">
                  <img src="../imgs/7862pc-C.jpg">
                  <img src="../imgs/7862pc-C.jpg">
                  <img src="../imgs/7862pc-C.jpg">
                  <div class="cloth-zr2">
                    <img src="../imgs/000357083.jpg">
                    <img src="../imgs/000357083.jpg">
                    <img src="../imgs/000357083.jpg">
                  </div>
                </div> 
                
                
            </div>
            </div>
            <div class="boox-rr  boox-rr3">
              <div class="cloth-right clearfix">
                  <div class="cloth-z">
                    <div class="pptbox fl cloth-z1">
                      <ul class="innerwrapper">
                        <li>
                          <a href="#">
                            <img src="../imgs/pc-B1.jpg" />
                          </a>
                        </li>
                        <li>
                          <a href="#">
                            <img src="../imgs/pc-B1.jpg" />
                          </a>
                        </li>
                        <li>
                          <a href="#">
                            <img src="../imgs/pc-B1.jpg" />
                          </a>
                        </li>
                        <li>
                          <a href="#">
                            <img src="../imgs/pc-B1.jpg" />
                          </a>
                        </li>
                        <li>
                          <a href="#">
                            <img src="../imgs/pc-B1.jpg" />
                          </a>
                        </li>
                      </ul>
                      <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                      </ul>
                      <span class="btnleft"></span>
                      <span class="btnright"></span>
                    </div>
                    <img src="../imgs/index11_08.jpg " class="dbc">
                    
                  </div>
                  
                  <div class=" cloth-zr">
                    <img src="../imgs/7862pc-C.jpg">
                    <img src="../imgs/7862pc-C.jpg">
                    <img src="../imgs/7862pc-C.jpg">
                    <div class="cloth-zr2">
                      <img src="../imgs/609pc-D.jpg">
                      <img src="../imgs/609pc-D.jpg">
                      <img src="../imgs/609pc-D.jpg">
                    </div>
                  </div> 
                  
                  
              </div>
              </div>

      </div>

      <div class="dispflx">
        <a href="#" title="">
            <img src="../imgs/index15_13.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/index15_14.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_11.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_12.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_13.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_14.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_15.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_16.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_17.jpg" />
        </a>
    </div>
    </div>

    <!-- 童装 -->
    <div class="child container floor-box">
      <div class="title  dispflx f1-justify">
        <h2 class="font24 fnormal">户外运动</h2>
        <ul class="book-ul dispflx font18">
          <li class="actvu">国际名品</li>
          <li>户外装备</li>
          <li>运动潮流</li>
        </ul>
      </div>
      <div class="dispflx">
         
            <div class="boox-l">
              <img src="../imgs/160728pc-A.jpg">
              <p class="font14">
                <a href="#">中小学教辅</a>
                <a href="#">外语</a>
                <a href="#">考试</a>
                <a href="#">小说</a>
                <a href="#">文学</a>
                <a href="#">青春文学</a>
                <a href="#">成功\励志</a>
                <a href="#">管理</a>
                <a href="#">历史</a>
                <a href="#">哲学\宗教</a>
                <a href="#">亲子\家教</a>
                <a href="#">全部分类></a>
              </p>
            
          </div>
          <div class="boox-rr onne boox-rr4">
          <div class="cloth-right clearfix">
              <div class="cloth-z">
                <div class="pptbox fl cloth-z1">
                  <ul class="innerwrapper">
                    <li>
                      <a href="#">
                        <img src="../imgs/281665_y.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/281665_y.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/281665_y.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/281665_y.jpg" />
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <img src="../imgs/281665_y.jpg" />
                      </a>
                    </li>
                  </ul>
                  <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                  </ul>
                  <span class="btnleft"></span>
                  <span class="btnright"></span>
                </div>
                <img src="../imgs/index11_08.jpg " class="dbc">
                
              </div>
              
              <div class=" cloth-zr">
                <img src="../imgs/675581_y.jpg">
                <img src="../imgs/675581_y.jpg">
                <img src="../imgs/675581_y.jpg">
                <div class="cloth-zr2">
                  <img src="../imgs/index100_11.jpg">
                  <img src="../imgs/index100_11.jpg">
                  <img src="../imgs/index100_11.jpg">
                </div>
              </div> 
              
              
          </div>
          </div>
          <div class="boox-rr  boox-rr4">
            <div class="cloth-right clearfix">
                <div class="cloth-z">
                  <div class="pptbox fl cloth-z1">
                    <ul class="innerwrapper">
                      <li>
                        <a href="#">
                          <img src="../imgs/281665_y.jpg" />
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <img src="../imgs/281665_y.jpg" />
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <img src="../imgs/281665_y.jpg" />
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <img src="../imgs/281665_y.jpg" />
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <img src="../imgs/281665_y.jpg" />
                        </a>
                      </li>
                    </ul>
                    <ul class="controls">
                      <li class="current">1</li>
                      <li>2</li>
                      <li>3</li>
                      <li>4</li>
                      <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                  </div>
                  <img src="../imgs/index11_08.jpg " class="dbc">
                  
                </div>
                
                <div class=" cloth-zr">
                  <img src="../imgs/675581_y.jpg">
                  <img src="../imgs/675581_y.jpg">
                  <img src="../imgs/675581_y.jpg">
                  <div class="cloth-zr2">
                    <img src="../imgs/000357083.jpg">
                    <img src="../imgs/000357083.jpg">
                    <img src="../imgs/000357083.jpg">
                  </div>
                </div> 
                
                
            </div>
            </div>
            <div class="boox-rr  boox-rr4">
              <div class="cloth-right clearfix">
                  <div class="cloth-z">
                    <div class="pptbox fl cloth-z1">
                      <ul class="innerwrapper">
                        <li>
                          <a href="#">
                            <img src="../imgs/281665_y.jpg" />
                          </a>
                        </li>
                        <li>
                          <a href="#">
                            <img src="../imgs/281665_y.jpg" />
                          </a>
                        </li>
                        <li>
                          <a href="#">
                            <img src="../imgs/281665_y.jpg" />
                          </a>
                        </li>
                        <li>
                          <a href="#">
                            <img src="../imgs/281665_y.jpg" />
                          </a>
                        </li>
                        <li>
                          <a href="#">
                            <img src="../imgs/281665_y.jpg" />
                          </a>
                        </li>
                      </ul>
                      <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                      </ul>
                      <span class="btnleft"></span>
                      <span class="btnright"></span>
                    </div>
                    <img src="../imgs/index11_08.jpg " class="dbc">
                    
                  </div>
                  
                  <div class=" cloth-zr">
                    <img src="../imgs/675581_y.jpg">
                    <img src="../imgs/675581_y.jpg">
                    <img src="../imgs/675581_y.jpg">
                    <div class="cloth-zr2">
                      <img src="../imgs/609pc-D.jpg">
                      <img src="../imgs/609pc-D.jpg">
                      <img src="../imgs/609pc-D.jpg">
                    </div>
                  </div> 
                  
                  
              </div>
              </div>

      </div>

      <div class="dispflx">
        <a href="#" title="">
            <img src="../imgs/index15_13.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/index15_14.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_11.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_12.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_13.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_14.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_15.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_16.jpg" />
        </a>
        <a href="#" title="">
            <img src="../imgs/logo13_17.jpg" />
        </a>
    </div>
    </div>

    <!-- 家居日用 -->
    <div class="house container floor-box">
      <div class="title  dispflx f1-justify">
        <h2 class="font24 fnormal">家居日用</h2>
  </div>
      <div class="dispflx">
        <div class="house-left">
          <img src="../imgs/A_03.jpg">
        </div>
        <div class="house-right">
            <div class="dispflx">
              <img src="../imgs/A_05.jpg">
              <img src="../imgs/A_05.jpg">
              <img src="../imgs/A_05.jpg">
              <img src="../imgs/A_05.jpg">
            </div>
            <div  class="dispflx img1">
              <img src="../imgs/A_11.jpg">
              <img src="../imgs/A_11.jpg">
              <img src="../imgs/A_11.jpg">
              <img src="../imgs/A_11.jpg">
            </div>
        </div>
      </div>
    </div>

    <!-- 推广商品 -->
    <div class="goods container">
      <div class="title  dispflx f1-justify">
        <h2 class="font24 fnormal cf60">推广商品</h2>
    </div>
    <ul class=" dispflx flwrap">
     <script>
       for (let i = 0; i < 10; i++) {
         document.write(`
         <li>
        <a href="#" ><img src="../imgs/1_l_1.jpg" ></a>
        <p>Pigeon法国制奶嘴，无
          毒天然乳胶</p>
          <p class="font24 cf60">&yen;:189</p>
          <p ><img src="../imgs/index27_14.jpg">已有<span class="cf60">988</span>条评价</p>
      </li>
         `)
         
       }
     </script>
    </ul>
    </div>
 <!-- 楼层滚动 -->
    <div class="floor">
      <ul>
        <li class="floor-bg1" data-bgcolor="#93d46f">图书</li>
        <li class="floor-bg2" data-bgcolor="#f65727">服装</li>
        <li class="floor-bg3" data-bgcolor="#bb9dee">运动</li>
        <li class="floor-bg4" data-bgcolor="#ff7394">童装</li>
        <li class="floor-bg5" data-bgcolor="#c2ec51">家居</li>
      </ul>
    </div>
  
    <!-- 页尾 -->
    <div class="footer mb90 container-fluid1">
      <div class="title  dispflx f1-justify"> </div>
      <div class=" dispflx jcontentcnt footer-img bcf2">
        <img src="../imgs/222_11.png"/>
        <img src="../imgs/222_13.png"/>
        <img src="../imgs/222_15.png"/>
        <img src="../imgs/222_17.png"/>
      </div>
      <div class=" dispflx jcontentcnt footer-dl">
        <dl>
            <dt><a href="" class="ziti">购物指南</a></dt>
            <dt><a href="">购物流程</a></dt>
            <dt><a href="">发票制度</a></dt>
            <dt><a href="">账户管理</a></dt>
            <dt><a href="">会员优惠</a></dt>
        </dl>
        <dl>
               <dt><a href="" class="ziti">支付方式</a></dt>
               <dt><a href="">货到付款</a></dt>
               <dt><a href="">网上支付</a></dt>
               <dt><a href="">礼品卡支付</a></dt>
               <dt><a href="">银行转帐</a></dt>
           </dl>
           <dl>
                   <dt><a href="" class="ziti">购物指南</a></dt>
                   <dt><a href="">购物流程</a></dt>
                   <dt><a href="">发票制度</a></dt>
                   <dt><a href="">账户管理</a></dt>
                   <dt><a href="">会员优惠</a></dt>
               </dl>
               <dl>
                       <dt><a href="" class="ziti">支付方式</a></dt>
                       <dt><a href="">货到付款</a></dt>
                       <dt><a href="">网上支付</a></dt>
                       <dt><a href="">礼品卡支付</a></dt>
                       <dt><a href="">银行转帐</a></dt>
                   </dl>
                   <dl class=" relative">
                           <dt><a href="" class="ziti">购物指南</a></dt>
                           <dt><a href="">购物流程</a></dt>
                           <dt><a href="">发票制度</a></dt>
                           <dt><a href="">账户管理</a></dt>
                           <img src="../imgs/logo_00.png" class="absolute footer-logo"/>          
                       </dl>
                      
    </div> 
    <p class=" font14 c80 tcenter line-h30">公司简介  |  Investor Relations  |  网站联盟  |  乐购招商  |  机构销售  |  手机乐购  |  官方Blog   |  热词搜索</p> 
  <p class=" font14 c80 tcenter line-h30">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
  </div > 

  <!-- 固定头部搜索框 -->
  <div class="top-input">
      <img src="../imgs/logo_00.png">
  </div>
  

  </body>
</html>
